import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores/user'

// 创建 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_BASE_URL || 'http://localhost:8080/dms',
  timeout: 5000
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    const userStore = useUserStore()
    if (userStore.token) {
      // 确保 token 格式正确
      const token = userStore.token.startsWith('Bearer ') ? userStore.token : `Bearer ${userStore.token}`
      config.headers['Authorization'] = token
      
      // Debug logging
      console.debug('Request headers:', config.headers)
    }
    return config
  },
  error => {
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response?.data
    
    // 调试输出
    console.log('Response data:', res)
    
    // 检查响应数据是否存在
    if (!res) {
      console.error('响应数据为空')
      return Promise.reject(new Error('响应数据为空'))
    }
    
    // 处理错误响应
    if (res.code !== undefined && res.code !== 200) {
      console.error('API错误:', res.message || '未知错误', res)
      return Promise.reject(new Error(res.message || '请求失败'))
    }
    
    // 返回数据
    return res
  },
  error => {
    console.error('响应错误:', error)
    
    // 处理网络错误
    if (!error.response) {
      console.error('网络错误:', error)
      return Promise.reject(new Error('网络错误，请检查您的网络连接'))
    }
    
    // 获取详细的错误信息
    const errorData = error.response?.data
    const message = errorData?.message || error.message || '请求失败'
    console.error('错误详情:', {
      status: error.response?.status,
      data: errorData,
      message
    })
    
    // 如果是 401 未授权，清除用户信息并跳转到登录页
    if (error.response?.status === 401) {
      const userStore = useUserStore()
      userStore.clearUserInfo()
      window.location.href = '/login'
    }
    
    return Promise.reject(new Error(message))
  }
)

export default service 